<template>
	<view>
		<button class="cos-button" v-if="!disable" @click="clickHandle">{{text}}</button>
		<button class="cos-unwork" v-else>{{text}}</button>
	</view>
</template>

<script>
	export default {
		props: {
			text: {
				type: String,
				default: '登录'
			},
			disable:{
				type: Boolean,
				default: false
			}
		},
		methods: {
			clickHandle(){
				this.$emit('sure')
			}
		}
	}
</script>

<style lang="scss">
// .cos-button{
// 	line-height: 55px;;
// 	color: white;
// 	font-size: 17px;
// 	width: 267rpx;
// 	height: 66px;
// 	overflow: hidden;
// 	background: url('../static/img/login/btn.png') center center no-repeat;
// 	background-size: 100% 100%;
// }
// .cos-unwork{
// 	line-height: 48px;
// 	color: white;
// 	font-size: 17px;
// 	width: 267px;
// 	height: 48px;
// 	border-radius: 24px;
// 	overflow: hidden;
// 	background: #A4D3FF;
// }
.cos-button{
	line-height: 110rpx;;
	color: white;
	font-size: 34rpx;
	width: 334rpx;
	height: 112rpx;
	overflow: hidden;
	margin-top: 60rpx;
	background-color: #2a3dc5;
	border-radius: 56rpx;
	// background: url('../static/img/login/btn.png') center center no-repeat;
}
.cos-unwork{
	line-height: 96rpx;
	color: white;
	font-size: 34rpx;
	width: 534rpx;
	height: 96rpx;
	border-radius: 48rpx;
	overflow: hidden;
	background: #A4D3FF;
}
.cos-button:after{
	border: none;
}
.cos-unwork:after{
	border: none;
}
</style>
<style>
@import "../common/style/public.css";
</style>